<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>form表单一常用控件</title>
</head>
<body>
<!--
    1.form标签:表单
        常用属性
            action：表单需要提交的地址
            target:跳转的新地址的打开方式; 值：_self、_blank
            method:表单提交的方式; post 、get
    2.input标签：多种形式的表单控件
        常用属性：
            type:指定表单的控件类型;可选值： text,password,radio,checkbox,hobby,submit,reset,button等
            name:指定数据的名称
            value:
                对于输入框：指定默认输入的值
                对于单选和复选框：实际提交的数据
                对于按钮：显示按钮文字
            disabled：设置表单控件不可用
            maxlength:用于输入框，设置最大可输入长度
            checked:用于单选按钮和复选按钮,默认选中
    3.textarea标签：文本域
        常用属性：
            name:指定数据名称
            rows:指定默认显示行数，影响文本域的高度
            cols:指定默认显示列数，影响文本豫的宽度
            disabled：设置表单控件不可用
    4.select标签：下拉框
        常用属性：
            name:指定数据名称
            disabled：设置表单控件不可用
    5.option标签：下拉框的选项
        常用属性：
            disabled：设置表单控件不可用
            value:该选项事件提交的数据（不指定value,会把标签中的内容作为提交数据）
            selected:默认选中
    6.button标签：
        常用属性：
            disabled：设置表单控件不可用
            type:设置按钮的类型，submit(默认),reset,button
-->
    <form action="https://www.baidu.com/s" >
        <!-- 文本输入框       -->
        账号：<input type="text" name = "wd" maxlength="10" value="123" disabled></br>
<!-- 密码框       -->
        密码：<input type="password" name ="pwd" maxlength="20"></br>
<!-- 单选框       -->
        性别：
        <input type = "radio" name = "gender" value="male"> 男
        <input type = "radio" name = "gender" value="female" checked> 女
        <br>
<!-- 复选框       -->
        爱好：
        <input type = checkbox name="hobby" value="smoke" checked>抽烟
        <input type = checkbox name="hobby" value="drink">喝酒
        <input type = checkbox name="hobby" value="music">唱歌
        <br>
<!-- 文本框       -->
        其他：
        <textarea name = "hobby" rows="2" cols="25"></textarea>
        <br>
<!-- 下拉框       -->
        籍贯：
        <select name = "place">
            <option value="豫">河南</option>
            <option value="冀" selected>河北</option>
            <option value="赣">江西</option>
            <option value="鄂">湖北</option>
        </select>
<!-- 隐藏域      -->
        <input type="hidden" name = "from" value = "baidu">
        <br>
        <!-- 提交按钮的第一种实现方式-->
        <button>提交</button>
        <!-- 提交按钮的第二种实现方式-->
<!--        <input type="submit">点我提交</input>-->
        <!--重置按钮的第一种写法-->
        <button type = "reset">重置</button>
        <!--重置按钮的第二种写法-->
<!--        <input type = "reset">点我重置</input>-->
        <!--其他按钮的第一种写法-->
        <button type = "button">校验用户合法性</button>
        <!--其他按钮的第二种写法-->
<!--        <button type="button">点我校验用户合法性<</button>-->
    </form>
</body>
</html>